<template>
    <div>
        <jzt-collapse v-model="activeCollapseNames">
          <jzt-collapse-item name="1">
            <template #title>
              折叠面板1
            </template>
            <template #content>
              <div>
                折叠面板1的内容区
              </div>
            </template>
          </jzt-collapse-item>
          <jzt-collapse-item name="2">
            <template #title>
              折叠面板2
            </template>
            <template #content>
              <div>
                折叠面板2的内容区
              </div>
            </template>
          </jzt-collapse-item>
        </jzt-collapse>
    </div>
  </template>
  <script setup>
  import { ref } from 'vue'
  const activeCollapseNames = ref(['1', '2'])
  </script>
  
  